<link href="styles/font-awesome.min.css" rel="stylesheet">
<link href="styles/prettyPhoto.css" rel="stylesheet">
<link href="styles/xeon-main.css" rel="stylesheet">

<header id="header" role="banner">
    <div class="container">
        <div id="navbar" class="navbar navbar-default">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="/arithmetic/MyApp/#/auth/login"></a>
            </div>
            <div class="collapse navbar-collapse">
                <ul class="nav navbar-nav">
                    <li><a href="/arithmetic/MyApp/#/auth/login#main-slider"><i class="icon-home"></i></a></li>
                    <li><a href="/arithmetic/MyApp/#/auth/login#services">网站功能</a></li>
                    <li><a href="/arithmetic/MyApp/#/auth/login#portfolio">样例展示</a></li>
                    <li><a href="/arithmetic/MyApp/#/auth/login#about-us">项目团队</a></li>
                    <li><a href="/arithmetic/MyApp/#/auth/login#contact">登录</a></li>
                </ul>
            </div>
        </div>
    </div>
</header><!--/#header-->
<section id="main-slider" class="carousel">
    <div class="carousel-inner">
        <div class="item active">
            <div class="container">
                <div class="carousel-content">
                    <h1>四则运算网站</h1>
                    <p class="lead">网站提供难度适中的四则运算练习题目<br>来尝试一下吧</p>
                </div>
            </div>
        </div><!--/.item-->
        <div class="item">
            <div class="container">
                <div class="carousel-content">
                    <h1>软件工程作业</h1>
                    <p class="lead"> 成员<br>王晓宝，葛檬，李鹤群，豆晓刚，魏远</p>
                </div>
            </div>
        </div><!--/.item-->
    </div><!--/.carousel-inner-->
    <a class="prev" href="/arithmetic/MyApp/#/auth/login#main-slider" data-slide="prev"><i class="icon-angle-left"></i></a>
    <a class="next" href="/arithmetic/MyApp/#/auth/login#main-slider" data-slide="next"><i class="icon-angle-right"></i></a>
</section><!--/#main-slider-->

<section id="services">
    <div class="container">
        <div class="box first">
            <div class="row">
                <div class="col-md-4 col-sm-6">
                    <div class="center">
                        <i class="icon-star icon-md icon-color1"></i>
                        <h4>题目练习</h4>
                        <p>网站提供类型全面，难度适中的题目供学生练习</p>
                    </div>
                </div><!--/.col-md-4-->
                <div class="col-md-4 col-sm-6">
                    <div class="center">
                        <i class="icon-user icon-md icon-color2"></i>
                        <h4>家长监督</h4>
                        <p>家长账号可以通过绑定学生账号，方便地看到学生的练习情况</p>
                    </div>
                </div><!--/.col-md-4-->
                <div class="col-md-4 col-sm-6">
                    <div class="center">
                        <i class="icon-thumbs-up icon-md icon-color6"></i>
                        <h4>成绩分析</h4>
                        <p>网页可以通过图表直观地展示学生练习成绩的状况</p>
                    </div>
                </div><!--/.col-md-4-->
            </div><!--/.row-->
        </div><!--/.box-->
    </div><!--/.container-->
</section><!--/#services-->

<section id="portfolio">
    <div class="container">
        <div class="box">
            <div class="center gap">
                <h2>样例展示</h2>
                <p class="lead">这里展示网站部分页面的运行截图</p>
            </div><!--/.center-->
            <ul class="portfolio-items col-4">
                <li class="portfolio-item apps">
                    <div class="item-inner">
                        <div class="portfolio-image">
                            <img src="images/portfolio/thumb/item1.jpg" alt="">
                            <div class="overlay">
                                <a class="preview btn btn-danger" title="Lorem ipsum dolor sit amet" href="images/portfolio/full/item1.jpg"><i class="icon-eye-open"></i></a>
                            </div>
                        </div>
                        <h5>题目练习页面</h5>
                    </div>
                </li><!--/.portfolio-item-->
                <li class="portfolio-item joomla bootstrap">
                    <div class="item-inner">
                        <div class="portfolio-image">
                            <img src="images/portfolio/thumb/item2.jpg" alt="">
                            <div class="overlay">
                                <a class="preview btn btn-danger" title="Lorem ipsum dolor sit amet" href="images/portfolio/full/item2.jpg"><i class="icon-eye-open"></i></a>
                            </div>
                        </div>
                        <h5>家长监督页面</h5>
                    </div>
                </li><!--/.portfolio-item-->
                <li class="portfolio-item bootstrap wordpress">
                    <div class="item-inner">
                        <div class="portfolio-image">
                            <img src="images/portfolio/thumb/item3.jpg" alt="">
                            <div class="overlay">
                                <a class="preview btn btn-danger" title="Lorem ipsum dolor sit amet" href="images/portfolio/full/item3.jpg"><i class="icon-eye-open"></i></a>
                            </div>
                        </div>
                        <h5>成绩查看页面</h5>
                    </div>
                </li><!--/.portfolio-item-->
                <li class="portfolio-item joomla wordpress apps">
                    <div class="item-inner">
                        <div class="portfolio-image">
                            <img src="images/portfolio/thumb/item4.jpg" alt="">
                            <div class="overlay">
                                <a class="preview btn btn-danger" title="Lorem ipsum dolor sit amet" href="images/portfolio/full/item4.jpg"><i class="icon-eye-open"></i></a>
                            </div>
                        </div>
                        <h5>家长查看成绩页面</h5>
                    </div>
                </li><!--/.portfolio-item-->
            </ul>
        </div><!--/.box-->
    </div><!--/.container-->
</section><!--/#portfolio-->

<section id="about-us">
    <div class="container">
        <div class="box">
            <div class="center">
                <h2>项目团队</h2>
                <p class="lead">项目团队由以下同学组成</p>
            </div>
            <div class="gap"></div>
            <div id="team-scroller" class="carousel scale">
                <div class="carousel-inner">
                    <div class="item active">
                        <div class="row">
                            <div class="col-sm-4">
                                <div class="member">
                                    <p><img class="img-responsive img-thumbnail img-circle" src="images/li.jpg" alt="" ></p>
                                    <h3>李鹤群<small class="designation">前端样式设计</small></h3>
                                </div>
                            </div>
                            <div class="col-sm-4">
                                <div class="member">
                                    <p><img class="img-responsive img-thumbnail img-circle" src="images/wang.jpg" alt="" ></p>
                                    <h3>王晓宝<small class="designation">前端css代码编写</small></h3>
                                </div>
                            </div>
                            <div class="col-sm-4">
                                <div class="member">
                                    <p><img class="img-responsive img-thumbnail img-circle" src="images/ge.jpg" alt="" ></p>
                                    <h3>葛檬<small class="designation">前端逻辑代码</small></h3>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="row">
                            <div class="col-sm-4">
                                <div class="member">
                                    <p><img class="img-responsive img-thumbnail img-circle" src="images/dou.jpg" alt="" ></p>
                                    <h3>豆晓刚<small class="designation">后台代码的编写</small></h3>
                                </div>
                            </div>
                            <div class="col-sm-4">
                                <div class="member">
                                    <p><img class="img-responsive img-thumbnail img-circle" src="images/wei.jpg" alt="" ></p>
                                    <h3>魏远<small class="designation">数据库的设计和实现</small></h3>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <a class="left-arrow" href="/arithmetic/MyApp/#/auth/login#team-scroller" data-slide="prev">
                    <i class="icon-angle-left icon-4x"></i>
                </a>
                <a class="right-arrow" href="/arithmetic/MyApp/#/auth/login#team-scroller" data-slide="next">
                    <i class="icon-angle-right icon-4x"></i>
                </a>
            </div><!--/.carousel-->
        </div><!--/.box-->
    </div><!--/.container-->
</section><!--/#about-us-->

<section id="contact">
    <div class="container">
        <div class="box last">
            <div class="row">
                <div class="col-sm-6">
                    <h1>登录</h1>
                    <p>家长和学生的登录位置</p>
                    <div class="status alert alert-success" style="display: none"></div>
                    <form role="form" ng-submit="login()">
                        <div class="row">
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <input type="text" class="form-control" required="required" placeholder="用户名" ng-model="participant.username">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <input type="password" class="form-control" required="required" placeholder="密码" ng-model="participant.password">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <button type="submit" class="btn btn-primary">登录</button>
                            <button type="submit" class="btn btn-info" ng-click="register()">注册</button>
                        </div>
                    </form>
                </div><!--/.col-sm-6-->

                <div class="col-sm-6">
                    <h1>联系方式</h1>
                    <div class="row">
                        <div class="col-md-6">
                            <address>
                                <strong>邮箱</strong><br>
                                1013251731@qq.com<br>
                                <br>
                                18722066025@163.com
                            </address>
                        </div>
                        <div class="col-md-6">
                            <address>
                                <strong>地址</strong><br>
                                天津大学北洋园校区<br>
                                <br>
                                知园五斋
                            </address>
                        </div>
                    </div>

                </div>
            </div><!--/.col-sm-6-->
        </div><!--/.row-->
    </div><!--/.box-->
    </div><!--/.container-->
</section><!--/#contact-->

<footer id="footer">
    <div class="container">
        <div class="row">

        </div>
    </div>
</footer><!--/#footer-->

